<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>四季宏胜 管理系统</title>
<script type="text/javascript">
	document.location.href = 'app/index.html';
</script>
<script type="text/javascript" src="script/config.js" data="js=none"></script>
<script type="text/javascript">
	sky.use(['dom','dialog','page'],function($,dialog,page){
		//page 分页控件
		page.create(20,2,10).write('c_page_1');


		$.vclick('btn_alert',function(){
			//alert 弹窗
			dialog.alert('这个是 alert 弹窗');
		});

		$.vclick('btn_confirm',function(){
			//confirm 弹窗
			dialog.confirm('这个是 confirm 弹窗');
		});
	});
</script>
</head>
<body>
<!--整体结构-->
<div class="c_title">
	<div class="text">四季宏胜 管理系统</div>
</div>
<div class="c_navigation">
	<div class="li li_elect">
		<a href="javascript:void(0);" class="t2">管理菜单一</a>
	</div>
	<div class="li">
		<a href="javascript:void(0);" class="t2">管理菜单一</a>
	</div>
	<div class="li">
		<a href="javascript:void(0);" class="t2">管理菜单一</a>
	</div>
	<div class="li">
		<a href="javascript:void(0);" class="t2">管理菜单一</a>
	</div>
	<div class="li">
		<a href="javascript:void(0);" class="t2">管理菜单一</a>
	</div>
</div>
<div class="c_context">
	<div class="d_title_1">第一个标题</div>
	<div>
		<span class="d_btn_1">按钮一</span>
		<span class="d_btn_2">按钮二</span>
		<span class="d_btn_3">按钮三</span>
	</div>
	<div class="d_title_2">第二个标题</div>
	<div>
		<span class="d_btn_1" id="btn_alert">弹窗 alert</span>
		<span class="d_btn_2" id="btn_confirm">弹窗 confirm</span>
	</div>
	<div class="d_title_3">第三个标题 下面的是分页</div>
	<div id="c_page_1" class="c_page_1"></div>
	<div class="d_title_3">第三个标题 下面的是分页</div>
	<div>
		<input type="date" />
		<input type="time" />
	</div>
	<div class="d_title_3">表单控件</div>
	<div class="c_form_1">
		<div class="li">
			<div class="l120">
				<span class="red">*</span>输入框：
			</div>
			<div class="lic">
				<div class="d_ipt_1">
					<input type="text" class="ipt" placeholder="输入框" />
				</div>
			</div>
		</div>
		<div class="li">
			<div class="l120">
				<span class="red">*</span>迷你输入框：
			</div>
			<div class="lic">
				<div class="d_ipt_1 min">
					<input type="text" class="ipt" placeholder="迷你输入框" />
				</div>
			</div>
		</div>
		<div class="li">
			<div class="l120">
				<span class="red">*</span>下拉菜单：
			</div>
			<div class="lic">
				<span class="d_select_1">
					<span class="cc">
						<select>
							<option>选项一</option>
							<option>选项一</option>
							<option>选项一</option>
						</select>
					</span>
				</span>
				<span class="d_select_1">
					<span class="cc">
						<select>
							<option>选项一</option>
							<option>选项一</option>
							<option>选项一</option>
						</select>
					</span>
				</span>
			</div>
		</div>
		<div class="li">
			<div class="lic min">
				<span class="d_btn_1 d_btn_l d_letter_4">新增</span>
			</div>
		</div>
	</div>
</div>
</body>
</html>